<template>
    <el-switch
        v-model="curValue"
        :disabled="disabled"
        inactive-color="var(--form-disable-editor-background-color)"
    ></el-switch>
</template>

<script lang="ts">
import { Vue, Component, Prop, Model } from 'vue-property-decorator';

@Component({})
export default class AppSwitch extends Vue {
    /**
     * checked选中状态
     *
     * @type {boolean}
     * @memberof Appswitch
     */
    @Prop() public value?: any;

    get curValue() {
        return this.value == 1 ? true : false;
    }

    set curValue(value: any) {
        let emitValue = value == true ? 1 : 0;
        this.$emit('change', emitValue);
    }

    /**
     * 禁用
     *
     * @type {boolean}
     * @memberof Appswitch
     */
    @Prop() public disabled?: boolean;
}
</script>

<style lang="less">
@import './app-switch.less';
</style>
